<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
    <link rel="icon" href="./icon/bitbug_favicon.ico">
    <link rel="stylesheet" href="./icon/font_2384085_f6k6iubzpk9/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/conmon.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./icon/font_2384085_mkzu6kb4nt/iconfont.css">
    <link rel="stylesheet" href="./css/cart.css">
</head>
<body>
    <div id="header">
     <div class="head_logo">
        <a href="javascript:;">
            小米官网
        </a>
     </div>
     <h2>我的购物车</h2>
     <div class="topbar-info">
         <a href="javascript:;">登录</a>
         <span>|</span>
         <a href="javascript:;">注册</a>
     </div>
   </div>
   <div id="contain">
    <div class="cart-wrap">
       <div class="addonitems-tips" style="display: none;">
           <a href="javascript:;">去凑单</a>
       </div>
       <!-- 购物车 -->
       <div class="cart-goods-list">
           <!-- 购物车头部 -->
           <div class="list-head clearfix">
               <div class="col-check">
                   <i></i>
                   全选
               </div>
               <div class="col-img">
                &nbsp;
            </div>
            <div class="col-name">商品名字</div>
            <div class="col-price">单价</div>
            <div class="col-num">数量</div>
            <div class="col-total">小计</div>
            <div class="col-action">操作</div>
           </div>
           <!-- 商品 -->
           <div class="item-box clearfix">
            <div class="col-check">
                <i></i>
            </div>
            <div class="col-img">
             <img src="./images/fensan.png" width="80px" height="80px" alt="">
         </div>
         <div class="col-name">
             <h3><a href="javascript:;" style="color: #424242;">米家直流变频落地扇1X 白色</a></h3>
         </div>
         <div class="col-price">299元</div>
         <div class="col-num"><span>1</span></div>
         <div class="col-total"><span style="color:#ff6700">299元</span></div>
         <div class="col-action"><i>X</i></div>
        </div>
        <div class="car-bar">
          <a href="javascript:;" class="back-shopping">继续购物</a>|
          <span class="cart-total">共1件商品,已选择1件</span>
          <span class="total-price">
              合计
              <em>299</em>
              元
          </span>
          <a href="javascript:;" class="btn-a">去结算</a>
        </div>
    </div>
    
    </div>
     <div class="app">
         <div class="empty-cart-top">
             <h2 class="login-tip">您的购物车还是空的！</h2>
             <p class="login-desc">登录后将显示您之前加入的商品</p>
             <a href="javascript:;" class="btn-login">立即登录</a>
             <a href="javascript:;" class="btn-shopping">马上去购物</a>
         </div>
     </div>

    <h2 class="recommend-title">
        <span>为您推荐</span>
    </h2>
    <div class="content">
        <div class="main">
            <div class="imgs">
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div> <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
                <div>
                    <img src="./images/cart.webp">
                    <p>米家驱蚊器 智能版</p>
                    <span>59元</span>
                    <h6>10.1万人好评</h6>
                    <a href="">加入购物车</a>
                </div>
            </div>
        </div>
    </div>
   </div>

      <!-- 尾部 -->
      <div id="footer">
        <div class="container">
            <nav>
                <a href="javascript:;" class="iconfont">&#xe61c; 预约维修服务</a>
                <a href="javascript:;" class="iconfont">&#xe606; 7天无理由退货</a>
                <a href="javascript:;" class="iconfont">&#xe60b; 15天免费换货</a>
                <a href="javascript:;" class="iconfont">&#xe616; 满99元包邮</a>
                <a href="javascript:;" class="iconfont">&#xe781; 520余家售后网点</a>
            </nav>
            <!-- 尾部导航 -->
            <div class="nav">
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <div class="informatin">
                    <p class="phonenum">400-100-5678</p>
                    <p>8:00-18:00(仅收市话费)</p>
                    <a href="javascript:;" class="iconfont">&#xe716; 人工服务</a>
                    <p>关注小米：<a href="javascript:;" class="iconfont">&#xe604;</a> <a href="javascript:;" class="iconfont">&#xe6d4;</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 版权信息 -->
    <div id="copyright">
        <div class="container">
            <div class="bottom_logo">
                    <a href="http:www.mi.com"></a>
            </div>
            <p class="bottom_link">
                <a href="javascript:;">小米商城</a>
                <span class="sep">|</span>
                <a href="javascript:;">MIUI</a>
                <span class="sep">|</span>
                <a href="javascript:;">米家</a>
                <span class="sep">|</span>
                <a href="javascript:;">米聊</a>
                <span class="sep">|</span>
                <a href="javascript:;">多看</a>
                <span class="sep">|</span>
                <a href="javascript:;">游戏</a>
                <span class="sep">|</span>
                <a href="javascript:;">政企服务</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米天猫店</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米集团隐私政策</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米公司儿童信息保护规则</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米商城隐私政策</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米商城用户协议</a> 
                <span class="sep">|</span>
                <a href="javascript:;">问题反愦</a>
                <span class="sep">|</span>
                <a href="javascript:;">SelecLocation</a>
                <span class="sep">|</span>
            </p>
            <p class="bottom_link">
                <a href="javascript:;">北京互联网法院法律服务工作站</a>
                <span class="sep">|</span>
                <a href="javascript:;">中国消费者协会</a>
                <span class="sep">|</span>
                <a href="javascript:;">北京市消费者协会</a>
            </p>
            <br>
            <br>
            <p class="cpright bottom_link">
                    ©<a href="http://www.mi.com">mi.com</a>
                    京ICP证110507号
                    <a href="javascript:;">京ICP备10046444号</a>
                    <a href="javascript:;"> 京公网安备11010802020134号</a>
                    <a href="javascript:;">京网文[2020]0276-042号</a>
                    <br>
                    <a href="javascript:;">(京)网械平台备字(2018)第00005号</a>
                    <a href="javascript:;">互联网药品信息服务资格证(京)非经营性-2014-0090</a>
                    <a href="javascript:;">营业执照</a>
                    <a href="javascript:;">医疗器械质量公告</a>
                    <br>
                    <a href="javascript:;">增值电信业务许可证</a>
                    网络食品经营备案京食药网食备202010048
                    <a href="javascript:;">食品经营许可证</a>
                    <br>
                    违法和不良信息举报电话：171-5104-4404 
                    <a href="javascript:;">知识产权侵权投诉</a>
                    本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 
                    <br>
                    <br>
                    <a href="javascript:;">
                        <img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://s01.mifile.cn/i/v-logo-2.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/79edfa62db9723496b49b4fccad7769f.png" alt="">
                    </a>
                    <br>
            </p>
        </div>
        <p class="last">让全球每个人都能享受科技带来的美好生活</p>
    </div>
</body>
</html>